<template>
  <div class="search">
    <router-link tag="div" to="/search" class="search-input">
      <span class="iconfont">&#xe632;</span>
      搜索
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader'
}
</script>

<style scoped lang="stylus">
  @import '~styles/varibles.styl'
  .search
    height: .62rem
    padding: .1rem .1rem
    background: $bgColor
    .search-input
      box-sizing: border-box
      width: 100%
      height: .62rem
      padding: 0 .14rem
      line-height: .62rem
      text-align: center
      border-radius: .06rem
      color: #666
      background: #ffffff
  .search-content
    position: absolute
    top: 1.58rem
    left: 0
    right: 0
    bottom: 0
    background: #ccc
    z-index:55
    .search-item
      height: .64rem
      line-height: .64rem
      background: #ffffff
      padding-left: .2rem
</style>
